<meta charset="utf-8">
<div class="box box-primary" id="pmpPostgrade_add" >
	<div class="box-body">
		<form role="form" id="pmpPostgrade_add_form" >
			<div class="form-group">
				<label for="pmpPostgrade" class="control-label">等级名称</label>
				<input type="text"  name="gradeName" v-model="pmpPostgrade.gradeName" class="form-control" id="gradeName" required></input>
			</div>
			
			<div class="form-group">
				<label for="pmpPostgrade" class="control-label">薪资范围</label>
				<input type="text"  name="gradeSalaryRange" v-model="pmpPostgrade.gradeSalaryRange" class="form-control" id="gradeSalaryRange" required></input>
			</div>
			
			<div class="form-group">
				<label for="remark" class="control-label">备注</label>
				<input type="text"  name="remark" v-model="pmpPostgrade.remark" class="form-control" id="remark" ></input>
			</div>
			
			</form>
       
		<div class="box-footer">
			<button type="button" class="btn btn-default" v-on:click="cancel">取消</button>
			<button type="button" class="btn btn-info pull-right" v-on:click="add">提交</button>
		</div>
	 </div>
	<script type="text/javascript">
		var news = new Vue({
					el : '#pmpPostgrade_add',
					data : {
						pmpPostgrade : {
							gradeName: null,
							pmpPostgrade : null,
							remark : null,
						},
						bus : new Vue(),
					},
					mounted : function() {
						
					},
					methods : {
						add : function() {
							if ($("#pmpPostgrade_add_form").valid()) {
								let _this = this;
								let url = "/pmp/service/ma/pmpPostgrade/createpmpPostgrade";
								zfesAjax.ajaxTodo(url,_this.$data.pmpPostgrade,function(data) {
									alertSwal.successText(data.message);
									layer.close(layer.index);
								})
							}
						},
						cancel : function() {
							layer.close(layer.index);
						}
					}
				});
	</script>
</div>
